import React from 'react';
import PropTypes from 'prop-types';
import { useNavigate } from 'react-router-dom'
import { NavBar, Icon } from 'zarm';
import s from './style.module.less'


const Header=()=>{
    const navigate=useNavigate()//navigateTo(-1) 的作用是路由返回事件，它不会触发浏览器的刷新，而是改变浏览器的地址栏



    return <div className={s.headWrap}>
         <div className={s.block}>
      <NavBar
        className={s.header}
        left={<Icon type="arrow-left" theme="primary" onClick={() => navigate(-1)} />}
        title='账单详情'
      />
    </div>
    </div>
}


export default Header